<template>
	<view class="wrapper">
		<view class="form-list">
<!-- 			<text class="icon">*</text> -->
			<text class="title">{{title}}:</text>
		</view>
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style scoped lang="scss">
	.wrapper {
		background-color: rgba(39, 82, 248, 0.03);
		margin: 0 15rpx 24rpx 15rpx;

		.form-list {
			padding-bottom: 10rpx;
			background-color: #FFFFFF;

			.icon {
				color: #E60012;
			}

			.title {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 40rpx;
			}
		}
	}
</style>
